@(id: String, rsNumber: String,symbol:String)(implicit request: RequestHeader)
@main("Detail ") {

	<style>

			.small-font {
				font-size: 0.9em;
			}

			.gray {
				color: #5b616b;
			}

	</style>

	<div class="row headerRow">
		<div class="form-group col-sm-12">
			<h2 class="page-heading"
			style="text-align: left;
				border-bottom: 5px solid #e9f3f4">Detail </h2>
		</div>
	</div>

	<div class="page-content">

		<div id="root"></div>

		<div id="anno">

			<h4 >
				Anno
			</h4>

			<div class="row">

				<div class="col-md-12 col-sm-12">

					<div class="portlet-body" >

						<form class="form-horizontal" role="form" id="summary">
							<div class="form-body">


							</div>
						</form>

					</div>

				</div>

			</div>

			<ul class="nav nav-tabs myMainUl" >

				<li class="active">
					<a href="#details" data-toggle="tab" > Variant Details </a>
				</li>

				<li class="">
					<a href="#significance" data-toggle="tab" > Clinical Significance </a>
				</li>

				<li class="">
					<a href="#frequency" data-toggle="tab" > Frequency </a>
				</li>

				<li class="">
					<a href="#hgvs" data-toggle="tab" > HGVS  </a>
				</li>

				<li class="">
					<a href="#submissions" data-toggle="tab" > Submissions   </a>
				</li>

				<li class="">
					<a href="#history" data-toggle="tab" > History    </a>
				</li>

				<li class="">
					<a href="#publications" data-toggle="tab" > Publications     </a>
				</li>

			</ul >

			<div class="tab-content" style="margin-top: 20px">

				<div class="tab-pane fade in active" id="details">

					<div>
						<div id="detail">
							<h5>Genomic Placements</h5>
							<div class="table-responsive">

								<div style="display: none;
									margin-bottom: 10px">Filtering conditions:
									<span id="filterCondition"></span>
								</div>
								<div style="display: none;
									margin-bottom: 10px">Sorting conditions:
									<span id="sortCondition"></span>
								</div>

								<table class="display table table-bordered" id="table" data-pagination="true" data-search="true"
								data-page-list="[10, 25, 50, 100, all]" data-multiple-search="true">

								</table>

								<div id="allFilterContent"></div>

								<div id="updateModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
									<div class="modal-dialog" style="width: 650px">
										<div class="modal-content">
											<div class="modal-header bg-primary">
												<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
												<h4 class="modal-title">
													<i class="fa fa-edit"></i>
													<span id="lblAddTitle" style="font-weight: bold">修改</span>
												</h4>
											</div>
											<form class="form-horizontal" id="form" action="" data-toggle="validator">
												<div class="modal-body">
													<div class="row-fluid">

														<div class="form-group" id="pTree">
															<label class="control-label col-sm-2">文件名:</label>
															<div class="col-sm-3">
																<input class="form-control fillByName" name="sampleName">
															</div>
														</div>

														<div class="form-group">
															<label class="control-label col-sm-2">描述:</label>
															<div class="col-sm-8">
																<textarea name="describe" class="form-control fillByName" rows="5"></textarea>
															</div>
														</div>

													</div>
												</div>
												<div class="modal-footer bg-info">
													<input class="fillByName" type="hidden" id="id" name="id" />
													<button type="button" class="btn blue myUpdate" >
														确定</button>
													<button type="button" class="btn green" data-dismiss="modal">
														取消</button>
												</div>
											</form>
										</div>
									</div>
								</div>


							</div>
						</div>
						<div id="geneDetail">
							<h5>Gene</h5>
							<div class="table-responsive">

								<div style="display: none;
									margin-bottom: 10px">Filtering conditions:
									<span id="filterCondition"></span>
								</div>
								<div style="display: none;
									margin-bottom: 10px">Sorting conditions:
									<span id="sortCondition"></span>
								</div>

								<table class="display table table-bordered" id="table" data-pagination="true" data-search="true"
								data-page-list="[10, 25, 50, 100, all]" data-multiple-search="true">

								</table>

								<div id="allFilterContent"></div>

								<div id="updateModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
									<div class="modal-dialog" style="width: 650px">
										<div class="modal-content">
											<div class="modal-header bg-primary">
												<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
												<h4 class="modal-title">
													<i class="fa fa-edit"></i>
													<span id="lblAddTitle" style="font-weight: bold">修改</span>
												</h4>
											</div>
											<form class="form-horizontal" id="form" action="" data-toggle="validator">
												<div class="modal-body">
													<div class="row-fluid">

														<div class="form-group" id="pTree">
															<label class="control-label col-sm-2">文件名:</label>
															<div class="col-sm-3">
																<input class="form-control fillByName" name="sampleName">
															</div>
														</div>

														<div class="form-group">
															<label class="control-label col-sm-2">描述:</label>
															<div class="col-sm-8">
																<textarea name="describe" class="form-control fillByName" rows="5"></textarea>
															</div>
														</div>

													</div>
												</div>
												<div class="modal-footer bg-info">
													<input class="fillByName" type="hidden" id="id" name="id" />
													<button type="button" class="btn blue myUpdate" >
														确定</button>
													<button type="button" class="btn green" data-dismiss="modal">
														取消</button>
												</div>
											</form>
										</div>
									</div>
								</div>


							</div>
						</div>
					</div>


				</div>

				<div class="tab-pane fade in " id="significance">

					<div>
						<div id="result">
							<div class="table-responsive">

								<div style="display: none;
									margin-bottom: 10px">Filtering conditions:
									<span id="filterCondition"></span>
								</div>
								<div style="display: none;
									margin-bottom: 10px">Sorting conditions:
									<span id="sortCondition"></span>
								</div>

								<table class="display table table-bordered" id="table" data-pagination="true" data-search="true"
								data-page-list="[10, 25, 50, 100, all]" data-multiple-search="true">

								</table>

								<div id="allFilterContent"></div>

								<div id="updateModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
									<div class="modal-dialog" style="width: 650px">
										<div class="modal-content">
											<div class="modal-header bg-primary">
												<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
												<h4 class="modal-title">
													<i class="fa fa-edit"></i>
													<span id="lblAddTitle" style="font-weight: bold">修改</span>
												</h4>
											</div>
											<form class="form-horizontal" id="form" action="" data-toggle="validator">
												<div class="modal-body">
													<div class="row-fluid">

														<div class="form-group" id="pTree">
															<label class="control-label col-sm-2">文件名:</label>
															<div class="col-sm-3">
																<input class="form-control fillByName" name="sampleName">
															</div>
														</div>

														<div class="form-group">
															<label class="control-label col-sm-2">描述:</label>
															<div class="col-sm-8">
																<textarea name="describe" class="form-control fillByName" rows="5"></textarea>
															</div>
														</div>

													</div>
												</div>
												<div class="modal-footer bg-info">
													<input class="fillByName" type="hidden" id="id" name="id" />
													<button type="button" class="btn blue myUpdate" >
														确定</button>
													<button type="button" class="btn green" data-dismiss="modal">
														取消</button>
												</div>
											</form>
										</div>
									</div>
								</div>


							</div>
						</div>
						<div id="noResult">
							<div>Not Reported in ClinVar</div>
						</div>
					</div>


				</div>

				<div class="tab-pane fade in " id="frequency">

					<div>
						<div id="alfa">
							<h5>ALFA Allele Frequency</h5>
							<div class="table-responsive">

								<div style="display: none;
									margin-bottom: 10px">Filtering conditions:
									<span id="filterCondition"></span>
								</div>
								<div style="display: none;
									margin-bottom: 10px">Sorting conditions:
									<span id="sortCondition"></span>
								</div>

								<table class="display table table-bordered" id="table" data-pagination="true" data-search="true"
								data-page-list="[10, 25, 50, 100, all]" data-multiple-search="true">

								</table>

								<div id="allFilterContent"></div>

								<div id="updateModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
									<div class="modal-dialog" style="width: 650px">
										<div class="modal-content">
											<div class="modal-header bg-primary">
												<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
												<h4 class="modal-title">
													<i class="fa fa-edit"></i>
													<span id="lblAddTitle" style="font-weight: bold">修改</span>
												</h4>
											</div>
											<form class="form-horizontal" id="form" action="" data-toggle="validator">
												<div class="modal-body">
													<div class="row-fluid">

														<div class="form-group" id="pTree">
															<label class="control-label col-sm-2">文件名:</label>
															<div class="col-sm-3">
																<input class="form-control fillByName" name="sampleName">
															</div>
														</div>

														<div class="form-group">
															<label class="control-label col-sm-2">描述:</label>
															<div class="col-sm-8">
																<textarea name="describe" class="form-control fillByName" rows="5"></textarea>
															</div>
														</div>

													</div>
												</div>
												<div class="modal-footer bg-info">
													<input class="fillByName" type="hidden" id="id" name="id" />
													<button type="button" class="btn blue myUpdate" >
														确定</button>
													<button type="button" class="btn green" data-dismiss="modal">
														取消</button>
												</div>
											</form>
										</div>
									</div>
								</div>


							</div>
						</div>
						<div id="other">
							<div class="table-responsive">

								<div style="display: none;
									margin-bottom: 10px">Filtering conditions:
									<span id="filterCondition"></span>
								</div>
								<div style="display: none;
									margin-bottom: 10px">Sorting conditions:
									<span id="sortCondition"></span>
								</div>

								<table class="display table table-bordered" id="table" data-pagination="true" data-search="true"
								data-page-list="[10, 25, 50, 100, all]" data-multiple-search="true">

								</table>

								<div id="allFilterContent"></div>

								<div id="updateModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
									<div class="modal-dialog" style="width: 650px">
										<div class="modal-content">
											<div class="modal-header bg-primary">
												<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
												<h4 class="modal-title">
													<i class="fa fa-edit"></i>
													<span id="lblAddTitle" style="font-weight: bold">修改</span>
												</h4>
											</div>
											<form class="form-horizontal" id="form" action="" data-toggle="validator">
												<div class="modal-body">
													<div class="row-fluid">

														<div class="form-group" id="pTree">
															<label class="control-label col-sm-2">文件名:</label>
															<div class="col-sm-3">
																<input class="form-control fillByName" name="sampleName">
															</div>
														</div>

														<div class="form-group">
															<label class="control-label col-sm-2">描述:</label>
															<div class="col-sm-8">
																<textarea name="describe" class="form-control fillByName" rows="5"></textarea>
															</div>
														</div>

													</div>
												</div>
												<div class="modal-footer bg-info">
													<input class="fillByName" type="hidden" id="id" name="id" />
													<button type="button" class="btn blue myUpdate" >
														确定</button>
													<button type="button" class="btn green" data-dismiss="modal">
														取消</button>
												</div>
											</form>
										</div>
									</div>
								</div>


							</div>
						</div>
					</div>


				</div>

				<div class="tab-pane fade in " id="hgvs">

					<div>
						<div class="table-responsive">

							<div style="display: none;
								margin-bottom: 10px">Filtering conditions:
								<span id="filterCondition"></span>
							</div>
							<div style="display: none;
								margin-bottom: 10px">Sorting conditions:
								<span id="sortCondition"></span>
							</div>

							<table class="display table table-bordered" id="table" data-pagination="true" data-search="true"
							data-page-list="[10, 25, 50, 100, all]" data-multiple-search="true">

							</table>

							<div id="allFilterContent"></div>

							<div id="updateModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
								<div class="modal-dialog" style="width: 650px">
									<div class="modal-content">
										<div class="modal-header bg-primary">
											<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
											<h4 class="modal-title">
												<i class="fa fa-edit"></i>
												<span id="lblAddTitle" style="font-weight: bold">修改</span>
											</h4>
										</div>
										<form class="form-horizontal" id="form" action="" data-toggle="validator">
											<div class="modal-body">
												<div class="row-fluid">

													<div class="form-group" id="pTree">
														<label class="control-label col-sm-2">文件名:</label>
														<div class="col-sm-3">
															<input class="form-control fillByName" name="sampleName">
														</div>
													</div>

													<div class="form-group">
														<label class="control-label col-sm-2">描述:</label>
														<div class="col-sm-8">
															<textarea name="describe" class="form-control fillByName" rows="5"></textarea>
														</div>
													</div>

												</div>
											</div>
											<div class="modal-footer bg-info">
												<input class="fillByName" type="hidden" id="id" name="id" />
												<button type="button" class="btn blue myUpdate" >
													确定</button>
												<button type="button" class="btn green" data-dismiss="modal">
													取消</button>
											</div>
										</form>
									</div>
								</div>
							</div>


						</div>
					</div>


				</div>

				<div class="tab-pane fade in " id="submissions">

					<div>
						<div class="table-responsive">

							<div style="display: none;
								margin-bottom: 10px">Filtering conditions:
								<span id="filterCondition"></span>
							</div>
							<div style="display: none;
								margin-bottom: 10px">Sorting conditions:
								<span id="sortCondition"></span>
							</div>

							<table class="display table table-bordered" id="table" data-pagination="true" data-search="true"
							data-page-list="[10, 25, 50, 100, all]" data-multiple-search="true">

							</table>

							<div id="allFilterContent"></div>

							<div id="updateModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
								<div class="modal-dialog" style="width: 650px">
									<div class="modal-content">
										<div class="modal-header bg-primary">
											<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
											<h4 class="modal-title">
												<i class="fa fa-edit"></i>
												<span id="lblAddTitle" style="font-weight: bold">修改</span>
											</h4>
										</div>
										<form class="form-horizontal" id="form" action="" data-toggle="validator">
											<div class="modal-body">
												<div class="row-fluid">

													<div class="form-group" id="pTree">
														<label class="control-label col-sm-2">文件名:</label>
														<div class="col-sm-3">
															<input class="form-control fillByName" name="sampleName">
														</div>
													</div>

													<div class="form-group">
														<label class="control-label col-sm-2">描述:</label>
														<div class="col-sm-8">
															<textarea name="describe" class="form-control fillByName" rows="5"></textarea>
														</div>
													</div>

												</div>
											</div>
											<div class="modal-footer bg-info">
												<input class="fillByName" type="hidden" id="id" name="id" />
												<button type="button" class="btn blue myUpdate" >
													确定</button>
												<button type="button" class="btn green" data-dismiss="modal">
													取消</button>
											</div>
										</form>
									</div>
								</div>
							</div>


						</div>
					</div>


				</div>

				<div class="tab-pane fade in " id="history">

					<div>
						<div id="default">
							<div class="table-responsive">

								<div style="display: none;
									margin-bottom: 10px">Filtering conditions:
									<span id="filterCondition"></span>
								</div>
								<div style="display: none;
									margin-bottom: 10px">Sorting conditions:
									<span id="sortCondition"></span>
								</div>

								<table class="display table table-bordered" id="table" data-pagination="true" data-search="true"
								data-page-list="[10, 25, 50, 100, all]" data-multiple-search="true">

								</table>

								<div id="allFilterContent"></div>

								<div id="updateModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
									<div class="modal-dialog" style="width: 650px">
										<div class="modal-content">
											<div class="modal-header bg-primary">
												<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
												<h4 class="modal-title">
													<i class="fa fa-edit"></i>
													<span id="lblAddTitle" style="font-weight: bold">修改</span>
												</h4>
											</div>
											<form class="form-horizontal" id="form" action="" data-toggle="validator">
												<div class="modal-body">
													<div class="row-fluid">

														<div class="form-group" id="pTree">
															<label class="control-label col-sm-2">文件名:</label>
															<div class="col-sm-3">
																<input class="form-control fillByName" name="sampleName">
															</div>
														</div>

														<div class="form-group">
															<label class="control-label col-sm-2">描述:</label>
															<div class="col-sm-8">
																<textarea name="describe" class="form-control fillByName" rows="5"></textarea>
															</div>
														</div>

													</div>
												</div>
												<div class="modal-footer bg-info">
													<input class="fillByName" type="hidden" id="id" name="id" />
													<button type="button" class="btn blue myUpdate" >
														确定</button>
													<button type="button" class="btn green" data-dismiss="modal">
														取消</button>
												</div>
											</form>
										</div>
									</div>
								</div>


							</div>
						</div>
						<div id="added">
							<h5>Added to this RefSNP Cluster</h5>
							<div class="table-responsive">

								<div style="display: none;
									margin-bottom: 10px">Filtering conditions:
									<span id="filterCondition"></span>
								</div>
								<div style="display: none;
									margin-bottom: 10px">Sorting conditions:
									<span id="sortCondition"></span>
								</div>

								<table class="display table table-bordered" id="table" data-pagination="true" data-search="true"
								data-page-list="[10, 25, 50, 100, all]" data-multiple-search="true">

								</table>

								<div id="allFilterContent"></div>

								<div id="updateModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
									<div class="modal-dialog" style="width: 650px">
										<div class="modal-content">
											<div class="modal-header bg-primary">
												<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
												<h4 class="modal-title">
													<i class="fa fa-edit"></i>
													<span id="lblAddTitle" style="font-weight: bold">修改</span>
												</h4>
											</div>
											<form class="form-horizontal" id="form" action="" data-toggle="validator">
												<div class="modal-body">
													<div class="row-fluid">

														<div class="form-group" id="pTree">
															<label class="control-label col-sm-2">文件名:</label>
															<div class="col-sm-3">
																<input class="form-control fillByName" name="sampleName">
															</div>
														</div>

														<div class="form-group">
															<label class="control-label col-sm-2">描述:</label>
															<div class="col-sm-8">
																<textarea name="describe" class="form-control fillByName" rows="5"></textarea>
															</div>
														</div>

													</div>
												</div>
												<div class="modal-footer bg-info">
													<input class="fillByName" type="hidden" id="id" name="id" />
													<button type="button" class="btn blue myUpdate" >
														确定</button>
													<button type="button" class="btn green" data-dismiss="modal">
														取消</button>
												</div>
											</form>
										</div>
									</div>
								</div>


							</div>
						</div>
					</div>


				</div>

				<div class="tab-pane fade in " id="publications">

					<div>
						<div id="result">
							<div class="table-responsive">

								<div style="display: none;
									margin-bottom: 10px">Filtering conditions:
									<span id="filterCondition"></span>
								</div>
								<div style="display: none;
									margin-bottom: 10px">Sorting conditions:
									<span id="sortCondition"></span>
								</div>

								<table class="display table table-bordered" id="table" data-pagination="true" data-search="true"
								data-page-list="[10, 25, 50, 100, all]" data-multiple-search="true">

								</table>

								<div id="allFilterContent"></div>

								<div id="updateModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
									<div class="modal-dialog" style="width: 650px">
										<div class="modal-content">
											<div class="modal-header bg-primary">
												<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
												<h4 class="modal-title">
													<i class="fa fa-edit"></i>
													<span id="lblAddTitle" style="font-weight: bold">修改</span>
												</h4>
											</div>
											<form class="form-horizontal" id="form" action="" data-toggle="validator">
												<div class="modal-body">
													<div class="row-fluid">

														<div class="form-group" id="pTree">
															<label class="control-label col-sm-2">文件名:</label>
															<div class="col-sm-3">
																<input class="form-control fillByName" name="sampleName">
															</div>
														</div>

														<div class="form-group">
															<label class="control-label col-sm-2">描述:</label>
															<div class="col-sm-8">
																<textarea name="describe" class="form-control fillByName" rows="5"></textarea>
															</div>
														</div>

													</div>
												</div>
												<div class="modal-footer bg-info">
													<input class="fillByName" type="hidden" id="id" name="id" />
													<button type="button" class="btn blue myUpdate" >
														确定</button>
													<button type="button" class="btn green" data-dismiss="modal">
														取消</button>
												</div>
											</form>
										</div>
									</div>
								</div>


							</div>
						</div>
						<div id="noResult">
							No publications for @rsNumber
						</div>
					</div>


				</div>

			</div>

		</div>

		<div id="gene"></div>

	</div>


	<script>

			var rsNumber = "@rsNumber"
			var id = "@id"
			var symbol = "@symbol"

			$(function () {

				DetailInfo.init

			})

	</script>


}
